			body,html {
				height: 100%;
			}

			#panel {
				width: 40px;
				height: 100%;
				background: #444851;
				z-index: 2;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				box-sizing: border-box;
				position: fixed; 
				right:0px;
			}

			#panel a {
				color: white;
			}

			#panel #panel_one {
				width: 40px;
				height: 333px;
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: space-between;

			}

			#panel #panel_one li:nth-child(1) {
				width: 40px;
				height: 38px;
				margin-bottom: 30px;
			}

			#panel #panel_one li {
				box-sizing: border-box;
			}

			#panel #panel_one li a {
				font-size: 12px;
			}

			#panel #panel_one li a span {
				display: block;
			}

			#panel #panel_one li:nth-child(1) a {
				width: 40px;
				height: 38px;
				/* display: block; */
				color: #d8d8d8;
				background-color: #444851;
				position: relative;
				z-index: 1;
				margin: auto;
			}

			#panel #panel_one li:nth-child(1) span {
				width: 18px;
				height: 19px;
				background: url(../img/ibar_sprites.png) no-repeat;
				cursor: pointer;
				margin: 5px auto;

			}

			#panel #panel_one li:nth-child(2) {
				width: 40px;
				height: 163px;
				padding: 20px 0 10px;
				position: relative;
			}

			#panel #panel_one li:nth-child(2) a {
				width: 40px;
				height: 133px;
				color: #fff;
				position: absolute;
				/* display: block; */
				background-color: #444851;
				background: url(../img/ibar_sprites.png) no-repeat;
				z-index: 1;
				background-position: -23px -225px;
				text-align: center;
			}

			#panel #panel_one li:nth-child(2) a span:nth-child(1) {
				width: 23px;
				height: 18px;
				background: url(../img/ibar_sprites.png) no-repeat;
				background-position: 0 -29px;
				margin: 9px 0 0 10px;
			}

			#panel #panel_one li:nth-child(2) a span:nth-child(2) {
				width: 16px;
				height: 48px;
				writing-mode: vertical-lr;
				margin: 10px 0 0 12px;
			}

			#panel #panel_one li:nth-child(2) a span:nth-child(3) {
				width: 23px;
				height: 23px;
				margin: 9px 0 0 10px;
				border-radius: 50%;
				background: #ed145b;
				line-height: 23px;
			}

			#panel #panel_one li:nth-child(3) {
				width: 40px;
				height: 44px;
				padding-bottom: 6px;
			}

			#panel #panel_one li:nth-child(3) a {
				width: 40px;
				height: 38px;
				background-color: #444851;
				overflow: hidden;
			}

			#panel #panel_one li:nth-child(3) a span {
				width: 18px;
				height: 18px;
				background: url(../img/ibar_sprites.png) no-repeat;
				background-position: 0 -57px;
				margin: 9px 0 0 10px;
			}

			#panel #panel_one li:nth-child(4) {
				width: 40px;
				height: 44px;
				padding-bottom: 6px;
			}

			#panel #panel_one li:nth-child(4) a {
				width: 40px;
				height: 38px;
				background-color: #444851;
				overflow: hidden;
			}

			#panel #panel_one li:nth-child(4) a span {
				width: 18px;
				height: 15px;
				background: url(../img/ibar_sprites.png) no-repeat;
				background-position: 0 -85px;
				margin: 9px 0 0 10px;
			}

			#panel #panel_one li:nth-child(5) {
				width: 40px;
				height: 44px;
				padding-bottom: 6px;
			}

			#panel #panel_one li:nth-child(5) a {
				width: 40px;
				height: 38px;
				background-color: #444851;
				overflow: hidden;
			}

			#panel #panel_one li:nth-child(5) a span {
				width: 11px;
				height: 24px;
				background: url(../img/ibar_sprites.png) no-repeat;
				background-position: -4px -110px;
				margin: 9px 0 0 15px;
			}

			#panel #panel_two li {
				width: 40px;
				height: 38px;
				box-sizing: border-box;
			}

			#panel #panel_two li a {
				width: 40px;
				height: 38px;
				color: #fff;
				display: block;
			}

			#panel #panel_two li span {
				display: block;

			}

			#panel #panel_two li:nth-child(1) a span {
				width: 18px;
				height: 18px;
				background: url(../img/ibar_sprites.png) no-repeat;
				background-position: 0 -302px;
			}

			#panel #panel_two li:nth-child(2) a span {
				width: 18px;
				height: 18px;
				background: url(../img/ibar_sprites.png) no-repeat;
				background-position: 0 -175px;
			}

			#panel #panel_two li:nth-child(3) a span {
				width: 18px;
				height: 18px;
				background: url(../img/ibar_sprites.png) no-repeat;
				background-position: 0 -201px
			}

			#panel li:hover {
				background-color: #ed145b;
			}

			#panel #panel_one li:hover a span {
				background-position-x: -34px;
			}

			#panel #panel_one li:nth-child(2):hover a span:nth-child(1) {
				background-position-x: -33px;
			}

			#panel #panel_two li:nth-child(1)~li:hover a span {
				background-position-x: -33px;
			}

			#panel #panel_two li {
				position: relative;
			}

			#panel #panel_two a {
				position: absolute;
				left: 50%;
				top: 50%;
				margin-top: -19px;
				margin-left: -20px;
			}

			#panel #panel_two a span {
				position: absolute;
				left: 50%;
				top: 50%;
				margin-top: -9px;
				margin-left: -9px;
			}
